<!DOCTYPE html>
<html>
<head>
	<title>index.html</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<link rel="stylesheet" type="text/css" href="css/af.ui.css"/>
	<link rel="stylesheet" type="text/css" href="css/xf.css"  />
	<link rel="stylesheet" type="text/css" href="css/iscroll.css" />
	<link rel="stylesheet" type="text/css" href="css/tabs.css" />

	<script type="text/javascript" charset="utf-8" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/jq.appframework.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/appframework.ui.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/iscroll.js"></script>

	<script type="text/javascript" charset="utf-8" src="js/af.carousel.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/af.slidemenu.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/fastclick.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/tabs.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/cordova.js"></script>
	<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
<!--    server -->
<script type="text/javascript" charset="utf-8"
	src="js/server/utils/dateUtil.js"></script>
<script type="text/javascript" charset="utf-8" src="js/server/utils/jquery.qrcode.min.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/server/utils/cover.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/server/utils/check.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/server/utils/md5util.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/server/outHistory.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/server/inHistory.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/server/directUdls.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/server/release.js"></script>
<script type="text/javascript" charset="utf-8" src="js/server/myLoan.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/server/init/init.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/server/utils/comment.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/server/otherBook.js"></script>
<script type="text/javascript" charset="utf-8" src="js/server/login.js"></script>
<script type="text/javascript" charset="utf-8" src="js/server/reg.js"></script>
<script type="text/javascript" charset="utf-8" src="js/server/setAddress.js"></script>
<script type="text/javascript" charset="utf-8" src="js/server/shakeUdls.js"></script>
<script type="text/javascript" charset="utf-8" src="js/server/nearByRelease.js"></script>
<script type="text/javascript" charset="utf-8" src="js/server/otherApp.js"></script>
<script>
// 	$.feat.nativeTouchScroll = true;
    //为了在桌面浏览器中测试，添加此段脚本，在智能设备中可以去掉
   window.addEventListener( "load", function() {
       FastClick.attach( document.body );
   }, false );
    if(!((window.DocumentTouch&&document instanceof DocumentTouch)||'ontouchstart' in window)){
        var script=document.createElement("script");
        script.src="plugins/af.desktopBrowsers.js";
        var tag=$("head").append(script);
    }
    
    // 设置默认皮肤
   $.ui.ready(function(){
       $("#afui").get(0).className='xf';
   });
   $(document).ready(function(){
       $.ui.launch();
   });

</script>
<style type="text/css">
.BMapLabel {
	width: initial !important;
}
</style>  

</head>
<body>
	<div id="afui">
		
		<div id="content">
			<!-- 首页 -->
			<div class="panel" id="index" selected="true"  scrolling='no'>
				<!-- 页眉固定 -->
				<header>
					<div class="xf_dingbu">
						<a href="#index" class="cur"><h1></h1></a> <a id='menubadge'
							class='menuButton' onclick='af.ui.toggleSideMenu()'></a> <a
							href="#chaxun" class="hea_ssk"></a>
					</div>
					<div class="clear"></div>
					<ul class="xf_xuanze">
						<li><a href="#">全部书籍</a></li>
						<li><a href="#">全部分类</a></li>
						<li><a href="#">全城</a></li>
						<li><a href="#">不限距离</a></li>
					</ul>
					<div class="zhezhao">
						<ul class="xz_shuji">
							<li><a canBorrow="0" class="cur" href="#">全部书籍</a></li>
							<li><a canBorrow="1" href="#">与我同馆</a></li>
						</ul>
						<ul class="xz_fenlei">
							<li><a class="cur" href="#">全部分类</a></li>
						</ul>
						<ul class="xz_diqu">
							<li><a class="cur" href="#">全城</a></li>
<!-- 							<li><a href="#">萝岗区<span>17</span></a></li> -->
						</ul>
						<ul class="xz_juli">
							<li ><a distance="" class="cur" href="#">不限距离</a></li>
							<li ><a distance="500" href="#">500米内</a></li>
							<li ><a distance="1000" href="#">1000米内</a></li>
							<li ><a distance="2000" href="#">2公里内</a></li>
							<li ><a distance="5000" href="#">5公里内</a></li>
							<li ><a distance="10000" href="#">10公里内</a></li>
						</ul>
					</div>
				</header>
				<!-- 内容开始 -->
			<div id="wrapper">
				<div id="scroller">
                <div id="pullDown">
                    <span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
                </div>
				<ul class="shijilieb" id="udlsList">
					<!-- 判断用户是否登录 -->
					<li id="loginAndReg" class="xf_yonghuzt">
						<h3>这里是你身边的图书馆</h3>
						<p>能让你轻松还书，还可以在身边就借到热门书，甚至找到志趣相投的朋友。</p>
						<div class="xf_zcdl">
							<a href="#denglu">登录</a> <a href="#zhuce">免费注册</a>
						</div>
					</li>
					<li class='xf_loading removable'><img src='images/jzz.png'><p>拼命加载中...</p> </li>
					<!-- 判断结束 -->
					<!-- 书籍列表开始 -->
					<!-- 书籍列表end -->
				</ul>
                <div id="pullUp" style="visibility:hidden">
                 <span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载更多...</span>
                 </div>
            </div>
            </div>
			</div>
			<!-- 首页end -->
			<!-- 我的书 -->
			<div class="panel" id="me_shu" data-load="me_shu_load" data-unload="me_shu_unload">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="af.ui.toggleSideMenu()">我的书</a>
					</div>
				</header>
				<!-- 内容开始 -->
				<ul id="myLoanUl" class="shijilieb tongyisj">
					<!-- 书籍列表开始 -->
					<li></li>
					<!-- 书籍列表end -->
				</ul>
			</div>
			<!-- 我的书end -->
			<!-- 立刻转借结果页 -->
			<div class="panel" id="directUdlsResult" data-load="directUdlsResult_load">
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a href="#me_shu">转借成功</a>
					</div>
				</header>
				<ul id="udlsResultUl" class="shijilieb tongyisj">
					<li class='xf_loading removable'><img src='images/jzz.png'><p>转借成功，<b></b>秒后将自动跳转</p> </li>
				</ul>
			</div>
			<!-- 立刻转借结果页end -->
			<!-- 发布转借结果页 -->
			<div class="panel" id="releaseResult" >
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a href="#me_shu">发布成功</a>
					</div>
				</header>
				<ul id="releaseResultUl" class="shijilieb tongyisj">
					<li class='xf_loading removable'><img src='images/jzz.png'><p>发布成功，点我查看转借</p> </li>
				</ul>
			</div>
			<!-- 发布转借结果页end -->
			<!-- 借阅历史 -->
			<div class="panel" id="jieyuels">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a  onclick="af.ui.toggleSideMenu()">转入历史</a>
					</div>
				</header>
				<!-- 内容开始 -->
				<ul id="inHistoryUl" class="shijilieb tongyisj">
					<!-- 书籍列表开始 -->
					<!-- 书籍列表end -->
				</ul>
			</div>
			<!-- 借阅历史end -->
			<!-- 转借历史 -->
			<div class="panel" id="zjiels">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="af.ui.toggleSideMenu()">转出历史</a>
					</div>
				</header>
				<!-- 内容开始 -->
				<ul id="outHistoryUl" class="shijilieb tongyisj">
					<!-- 书籍列表开始 -->

					<!-- 书籍列表end -->
				</ul>
			</div>
			<!-- 转借历史end -->
			<!-- 搜索查询页面 -->
			<div class="panel xf_yhzt" id="chaxun" data-load="chaxun_load" >
				<!-- 页眉固定 -->
				<header>
					<div class="xf_dingbu">
						<a href="#index"><h1></h1></a> <a id='menubadge'
							class='menuButton' onclick='af.ui.toggleSideMenu()'></a>
					</div>
					<div class="sosuo">
						<input placeholder="请输入搜索关键字" type="text"><i
							class="guanbixx"></i><a href="#" class="sscx_an">搜索</a>
					</div>
					<div class="baisek"></div>
				</header>
				<!-- 搜索记录 -->
<!-- 				<div class="dl_inner ssjilu"> -->
<!-- 					<ul class="sosuojilu"> -->
<!-- 						<li><p>新经济，新规则</p></li> -->
<!-- 						<li><p>花千骨（最新修订升级版，套装全2册）</p></li> -->
<!-- 						<li><p>从你的全世界路过</p></li> -->
<!-- 					</ul> -->
<!-- 				</div> -->
				<!-- 搜索记录end -->
				<!-- 搜索后 -->
				<ul class="shijilieb tsbgul">
				
<!-- 					<li><a href="#zjxq"> <img src="images/tj_1.jpg" alt=""> -->
<!-- 							<h3>第三次零售革命：拥抱消费者主权时代</h3> -->
<!-- 							<p> -->
<!-- 								[美]克里斯·麦克切斯尼，肖恩·科维，吉姆·霍林 <span>著</span> 张尧然，杨颖玥 <span>译</span> -->
<!-- 							</p> -->
<!-- 							<p> -->
<!-- 								<span>天河公园/员村市场</span><span>688m</span> -->
<!-- 							</p> -->
<!-- 					</a> -->
<!-- 					</li> -->
					
				</ul>
				<!-- 书籍列表end -->
				<!-- 搜索后end -->
			</div>
			<!-- 搜索查询end -->
			<!-- 登录页面 -->
			<div class="panel xf_yhzt" id="denglu">
				<!-- 页眉固定 -->
				<header class="xf_dldb">
					<div class="xf_dingbu">
						<a  onclick="af.ui.toggleSideMenu()">读者之家</a> <a href="#zhuce"
							class="xf_denglu">免费注册</a>
					</div>
				</header>
				<!-- 内容开始 -->
				<div class="dl_inner">
					<ul>
						<li><input name="username" placeholder="用户名：" type="text"></li>
						<li><input name="password" placeholder="密码：" type="password"></li>
					</ul>
					<div class="dl_wenti">
<!-- 						<a href="#">忘记密码？</a>  -->
						<a style="width: 100%" href="#denlu" id="loginToggle">登陆</a>
					</div>
				</div>
			</div>
			<!-- 登录end -->
			<!-- 注册页面 -->
			<div class="panel xf_yhzt" id="zhuce">
				<!-- 页眉固定 -->
				<header class="xf_dldb">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">读者之家</a> <a href="#denglu"
							class="xf_zc">登陆</a>
					</div>
				</header>
				<!-- 内容开始 -->
				<div class="dl_inner">
					<ul>
						<li><input name="regUsername" placeholder="用户名" type="text"></li>
						<li><input name="regPassword" placeholder="设置密码"
							type="password"></li>
						<li><input name="regRePassword" placeholder="重复密码"
							type="password"></li>
						<li><input name="regAgree" type="checkbox" id="xf_dlzt"
							name="1" value="1"> <label for="xf_dlzt">我已阅读并同意《读者之家用户注册协议》</label>
						</li>
					</ul>
					<div class="dl_wenti">
<!-- 						<a href="#">忘记密码？</a>  -->
						<a style="width: 100%" id="regSubmit" href="javascript:void(0)">免费注册</a>
					</div>
				</div>
			</div>
			<!-- 注册end -->
			<!-- 立即转借 步骤1-->
			<div class="panel" id="lijizj">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a  onclick="af.ui.toggleSideMenu()">立即转借</a> <a id="toUdlsStep2" href="#lijizj_2">下一步</a>
					</div>
					<div class="clear"></div>
					<div class="zhuanjbz">
						<p class="cur">
							<span>1</span>选择要转借的书籍
						</p>
						<p>
							<span>2</span>出示转借码
						</p>
					</div>
				</header>
				<!-- 内容开始 -->
				<ul class="shijilieb zhuanjie" id="batchUdlsLoanUl">
					<!-- 书籍列表开始 -->
					<!-- 书籍列表end -->
				</ul>
			</div>
			<!-- 立即转借 1end -->
			<!-- 立即转借 步骤2-->
			<div class="panel xf_yhzt" id="lijizj_2">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">立即转借</a> 
					</div>
					<div class="clear"></div>
					<div class="zhuanjbz">
						<p>
							<span>1</span>选择要转借的书籍
						</p>
						<p class="cur">
							<span>2</span>出示转借码
						</p>
					</div>
				</header>
				<!-- 内容开始 -->
				<div class="zjbuz2">
					<div id="udlsQrcode"></div>
					<!--  <img src="images/erwm.jpg" alt=""> -->
					<p>请让借阅人用《读者之家》</p>
					<p>的“扫描借阅”功能扫描上面的二维码。</p>
				</div>
			</div>
			<!-- 立即转借 2end -->
			<!-- 发布转借 步骤1-->
			<div class="panel" id="fabzj" data-load="fabzj_load" data-unload="fabzj_unload">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a  onclick="af.ui.toggleSideMenu()">发布转借</a> <a id="toReleaseStep2" href="#fabzj_2">下一步</a>
					</div>
					<div class="clear"></div>
					<div class="zhuanjbz">
						<p class="cur">
							<span>1</span>选择要转借的书籍
						</p>
						<p>
							<span>2</span>设置发布选项
						</p>
					</div>
				</header>
				<!-- 内容开始 -->
				<ul class="shijilieb zhuanjie" id="batchReleaseLoanUl">
					<!-- 书籍列表开始 -->
					
					<!-- 书籍列表end -->
				</ul>
			</div>
			<!-- 发布转借 1end -->
			<!-- 发布转借 步骤2-->
			<div class="panel xf_yhzt" id="fabzj_2" data-load="fabzj_2_load">
				
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">发布转借</a> <a id="releaseToggle"
							href="javascript:void(0)" class='fabu'>发布</a>
					</div>
					<div class="clear"></div>
					<div class="zhuanjbz">
						<p>
							<span>1</span>选择要转借的书籍
						</p>
						<p class="cur">
							<span>2</span>设置发布选项
						</p>
					</div>
				</header>
				<!-- 内容开始 -->
				<div class="shezhifb">

					<ul>
						<li class="dizhi"><a href="#fb_xzdz">
								<p>取书地址：</p>
								<p id="defaultAddress"></p>
						</a></li>
						<li>
							<input id="releasePhone" placeholder="手机 : 请点击输入手机号。"
							type="text">
<!-- 							<p> -->
<!-- 								手机：<i id="releasePhone">13800018000</i> -->
<!-- 							</p> -->
						</li>
						<li><input id="releaseQQ" placeholder="Q Q : 请点击输入QQ号。"
							type="text"></li>
						<li>
							<textarea placeholder="备注：请点击输入备注。" id="wenbenk" cols="10" rows="2" maxlength="100"></textarea>
							<p><span>/ 100</span><i id="shengysl"></i></p>
						</li>

					</ul>
				</div>
			</div>
			<!-- 发布转借 2end -->
			<!-- 选择地址-->
			<div class="panel xf_yhzt" id="fb_xzdz">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">发布转借</a> <a href="#huoyuedzStep1"
							class='fb_xdizhi'>使用新地址</a>
					</div>
				</header>
				<!-- 内容开始 -->
				<ul class="xuanzedizhi">
					<li class="cur"><a href="#"><p>天河区棠下村（好又多对面，臭水沟旁的牌坊下500米附近）-
								广州市天河区</p></a></li>
					<li><a href="#"><p>天河区棠东- 广州市天河区</p></a></li>
					<li><a href="#"><p>天河区棠下村（好又多对面，臭水沟旁的牌坊下500米附近）-
								广州市天河区</p></a></li>
					<li><a href="#"><p>天河区棠下村（好又多对面，臭水沟旁的牌坊下500米附近）-
								广州市天河区</p></a></li>
				</ul>
			</div>
			<!--选择地址end -->
			<!-- 选择地址-->
			<div class="panel xf_yhzt" id="fb_xindz">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">发布转借</a> <a onclick="$.ui.goBack()">完成</a>
					</div>
				</header>
				<ul class="xindz">
					<li>
						<p>省份：</p>
						<div>广东省</div>
						<ul>
							<li>北京</li>
							<li>天津</li>
							<li>上海</li>
							<li>天津</li>
							<li>上海</li>
							<li>安徽省</li>
							<li>湖南省</li>
							<li>湖北省</li>
						</ul>
					</li>
					<li>
						<p>城市：</p>
						<div>广东省</div>
						<ul>
							<li>北京</li>
							<li>天津</li>
							<li>上海</li>
							<li>上海</li>
							<li>湖北省</li>
						</ul>
					</li>
					<li>
						<p>区、县：</p>
						<div>广东省</div>
						<ul>
							<li>北京</li>
							<li>天津</li>
							<li>上海</li>
							<li>安徽省</li>
							<li>安徽省</li>
							<li>湖南省</li>
							<li>湖北省</li>
						</ul>
					</li>
					<li>
						<p>街道：</p>
						<div>广东省</div>
						<ul>
							<li>北京</li>
							<li>天津</li>
							<li>上海</li>
							<li>湖北省</li>
							<li>湖北省</li>
						</ul>
					</li>
					<li>
						<p>地址的补充说明：</p> <textarea name="" id="" cols="30" rows="4"></textarea>
					</li>
				</ul>
			</div>
			<!--选择地址end -->
			<!-- 摇一摇 -->
			<div class="panel" id="yaoyiy"  data-load="yaoyiyLoadedPanel" data-unload="yaoyiyUnloadedPanel">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a href="#index" onclick="af.ui.toggleSideMenu()">摇一摇</a>
					</div>
				</header>
				<!-- 内容开始 -->
				<div class="yaoyiyao" >
					<img src="images/yaoyyg.gif" alt="">
					<!-- <img src="images/yyyj.png" alt=""> -->
				</div>
				<ul id="shakeUdlsUl" class="shijilieb" style="display: none" >
					<!-- 书籍列表开始 -->
					<li><a href="#zjxq"> <img src="images/default1.jpg" alt="">
							<h3></h3>
							<p>
							</p>
							<p>
								<span>所在地</span><span></span>
							</p>
					</a></li>
					<!-- 书籍列表end -->
				</ul>
			</div>
			<!-- 摇一摇end -->
			<!-- 意见反馈 -->
			<div class="panel" id="fankui">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">意见反馈</a> <a onclick="$.ui.goBack()">提交</a>
					</div>
				</header>
				<textarea name="" id="" cols="30" rows="4"></textarea>
			</div>
			<!-- 意见反馈end -->
			<!-- 附近转借 -->
			<div class="panel xf_yhzt" id="fujinzj">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a  onclick="af.ui.toggleSideMenu()">附近转借</a>
					</div>
				</header>
			 <div id="nearbyReleaseMap" style="position: absolute;width: 100%;height: 100%"></div>
			</div>
			<!-- 附近转借end -->
			<!-- 评价借阅人 -->
			<div class="panel xf_yhzt" id="pjjyr" data-load="pjjyr_load">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">评价</a> <a onclick="$.ui.goBack()"
							class="tijiao">提交</a>
					</div>
				</header>
				<div class="pj_jyr">
					<ul>
						<li>
							<p>守信守时</p>
							<div id="shoushi">
								<input name="1" type="button" /> <input name="2" type="button" />
								<input name="3" type="button" /> <input name="4" type="button" />
								<input name="5" type="button" />
							</div>
						</li>
						<li>
							<p>描述符合</p>
							<div id="miaosu">
								<input name="1" type="button" /> <input name="2" type="button" />
								<input name="3" type="button" /> <input name="4" type="button" />
								<input name="5" type="button" />
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- 评价借阅人end -->
			<!-- Ta对你的评价 -->
			<div class="panel xf_yhzt" id="dndpj">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">Ta对你的评价</a>
					</div>
				</header>
				<div class="pj_jyr">
					<ul>
						<li>
							<p>
								守信守时<span></span>
							</p>
							<div class="shoushi">
								<input name="1" type="button" /> 
								<input name="2" type="button" /> 
								<input name="3" type="button" /> 
								<input name="4" type="button" />
								<input name="5" type="button" />
							</div>
						</li>
						<li>
							<p>
								描述符合<span></span>
							</p>
							<div class="miaosu">
								<input  name="1" type="button" /> 
								<input  name="2" type="button" />
								<input  name="3" type="button" /> 
								<input  name="4" type="button" />
								<input  name="5" type="button" />
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- Ta对你的评价end -->
			<!-- 转借详情 -->
			<div class="panel xf_yhzt" id="zjxq">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">转借详情</a>
					</div>
				</header>
				<div class="xf_zjxq">
					<div id="bn_lb">
	                        <div><img id="selectedPic" src="images/default1.jpg"></div>
					</div>
					<ul>
						<li>
							<p id="bookDetailTitle"></p> <span id="bookDetailAuthor"><i>著</i></span>
						</li>
						<li><a href="#bookLocation">
								<p id="bookDetailAddress"></p>
						</a></li>
						<li><a id="toBookSubDetail" href="#shujixq">
								<p>书籍详情</p>
						</a></li>
						<li><a id="toBookComment" href="#dzsp">
								<p>读者书评（0）</p>
						</a></li>
						<li class="tz_zjr"><a id="toUserDetail" href="#zhuanjieren">
								<p>
									<img src="images/icon_zzr.png" alt="">转借人信息<span></span>
								</p>
						</a></li>
					</ul>
				</div>
			</div>
			<!-- 转借详情end -->
			<!-- 书籍详情带图 -->
			<div class="panel xf_yhzt" id="sjxqdt">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">书籍详情</a>
					</div>
				</header>
				<div class="xf_zjxq">
					<div class="xq_tup" style="padding: 0.5em 0;position: relative;text-align: center;">
						<img src="images/default1.jpg" style=" width: 15em;height:20em;">
					</div>
					<ul>
						<li>
							<p></p> <span></span>
						</li>
					</ul>
					<div class="top" id="sjdt_top">
						<div>内容简介</div>
						<div>其他信息</div>
						<div id="carousel_dots3"></div>
					</div>
					<div class="sjxq_hd" id="sjxqdt_hd">
                            <!-- 内容简介 -->
                            <div>
                            	<br/>
                                <ul id="loanContent">
                                </ul>
                            </div>
                            <!-- 其他信息 -->
                            <div>
                            	<br/>
                                <ul>
									<li id="otherTitle"></li>
									<li id="otherAuthor"></li>
									<li id="otherPublisher"></li>
									<li id="otherIsbn"></li>
									<li id="otherClass"></li>
								</ul>
                            </div>
                	</div>
				</div>
			</div>
			<!-- 书籍详情带图end -->
			<!-- 转借的书的详情 -->
			<div class="panel xf_yhzt" id="udlsBookDetail">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">返回</a>
						<a href="#" class="headBt">确认借阅</a>
					</div>
				</header>
				<div class="xf_zjxq" id="udlsBookInfo">
				
				</div>
			</div>
			<!-- 转借的书的详情end -->
			

			<!-- 读者书评 -->
			<div class="panel xf_yhzt" id="dzsp">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">读者书评</a>
					</div>
				</header>
				<div class="duzhe_sp">
					<ul id="commentList">

					</ul>

				</div>

			</div>
			<!-- 读者书评end -->
			<!-- 设置 -->
			<div class="panel" id="shezhi">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a  onclick="af.ui.toggleSideMenu()">账号设置</a>
					</div>
				</header>
				<div class="wansnr">
					<ul>
						<li class=" "><a href="#bdduzz">
								<h3>绑定读者证</h3> <span>绑定后，您可以在读者之家上转借书籍。</span>
						</a></li>
						<li class=" "><a href="#sjyz">
								<h3>验证手机号码</h3> <span>绑定后,您可以用手机号登录，发布转借也会以此为默认手机号</span>
						</a></li>
						<li class=" "><a href="#huoyuedzStep1">
								<h3>设置活跃地址</h3> <span>绑定后，方便您发布转借和查看附近的书</span>
						</a></li>
					</ul>
				</div>
			</div>
			<!-- 设置end -->
			<!-- 绑定读者证 步骤1-->
			<div class="panel xf_yhzt" id="bdduzz" data-load="bdduzz_load" data-unload="bdduzz_unload">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a href="#shezhi">绑定读者证</a> <a href="#bdduzz_2">下一步</a>
					</div>
					<div class="clear"></div>
					<div class="zhuanjbz">
						<p class="cur">
							<span>1</span>选择所属图书馆
						</p>
						<p>
							<span>2</span>填写证号及对应密码
						</p>
					</div>
					<div class="clear"></div>
					<div class="dzssk">
						<input placeholder="搜索图书馆" type="text"><i></i><a href="#"></a>
					</div>
					<div class="top" id="tsg_top">
						<div>所在城市图书馆</div>
						<div>全部图书馆</div>
						<div id="carousel_dots4"></div>
					</div>
				</header>
				<div class="sjxq_hd" id="tushuguan">
                        <!-- 内容简介 -->
                        <div>
                            <ul>
                            </ul>
                        </div>
                        <!-- 其他信息 -->
                        <div>
                            <ul>
                            </ul>
                        </div>
                </div>
                     <!-- 搜索结果 -->
                <div class="tsgssjg">
                    <ul>
                    <li>111</li>
                    <li>111</li>
                    </ul>
                </div>
                        <!-- 搜索结果end -->
			</div>
			<!-- 绑定读者证 1end -->
			<!-- 绑定读者证 步骤2-->
			<div class="panel xf_yhzt" id="bdduzz_2">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">绑定读者证</a> <a id="bindRdidConfirm" href="#" class='fabu'>确定</a>
					</div>
					<div class="clear"></div>
					<div class="zhuanjbz">
						<p>
							<span>1</span>选择所属图书馆
						</p>
						<p class="cur">
							<span>2</span>填写证号及对应密码
						</p>
					</div>
				</header>
				<!-- 内容开始 -->
				<div class="bdtsg2">
					<p></p>
					<a class="bd_cx" onclick="$.ui.goBack()">重新选择所属图书馆</a> 
					<input type="text" placeholder="读者证号："> 
					<input id="rdPassword" type="password" placeholder="读者证密码：">
				</div>
			</div>
			<!-- 绑定读者证 2end -->
			<!-- 手机验证 步骤1-->
			<div class="panel xf_yhzt" id="sjyz">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a href="#shezhi">验证手机号码</a> 
						<a id="sendCode" href="" onclick="checkPhone(this);">发送</a>
					</div>
					<div class="clear"></div>
					<div class="zhuanjbz">
						<p class="cur">
							<span>1</span>填写要验证的手机号码
						</p>
						<p>
							<span>2</span>输入短信验证码
						</p>
					</div>
				</header>
				<div class="shoujiyz">
					<p>输入手机号码，点击“获取验证码”后，系统会自动给你发送一条包含验证码的短信。</p>
					<input id="sendPhoneInput" type="text" placeholder="手机号码：">
				</div>
			</div>
			<!-- 手机验证 1end -->
			<!-- 手机验证 步骤2-->
			<div class="panel xf_yhzt" id="sjyz_2">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">验证手机号码</a> 
						<a id="validateCode" href="#shezhi" class='fabu' onclick="checkCheckingCode(this);">验证</a>
					</div>
					<div class="clear"></div>
					<div class="zhuanjbz">
						<p>
							<span>1</span>填写要验证的手机号码
						</p>
						<p class="cur">
							<span>2</span>输入短信验证码
						</p>
					</div>
				</header>
				<div class="shoujiyz">
					<p class="csdx">短信验证码已经发送，请注意查收</p>
					<input type="text" placeholder="输入短信验证码："> <input id="jieshoudx" type="button" value='重新接收短信'>
					<a class="xgyzhm" href="#sjyz">修改需要验证的手机号码</a>
				</div>
			</div>
			<!-- 手机验证 2end -->
			<!-- 设置活跃地址step1 -->
			<div class="panel xf_yhzt" id="huoyuedzStep1">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a class="hrefChange" href="#shezhi">设置活跃地址</a> <a href="#huoyuedz" class='fabu'>下一步</a>
					</div>
				</header>
			    <div id="addressSetMap" style="position: absolute;width: 100%;height: 100%"></div>
			</div>
			<!-- 设置活跃地址 step1 end -->
			<!-- 书籍所在地 -->
			<div class="panel xf_yhzt" id="bookLocation">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">书籍所在地</a>
					</div>
				</header>
				
			 	<div id="bookLocationMap" style="position: absolute;width: 100%;height: 100%">
			    	<img style="width: 100%;height: 100%;" />
			    </div>
			</div>
			<!-- 书籍所在地 end -->
			<!-- 设置活跃地址 step2-->
			<div class="panel xf_yhzt" id="huoyuedz" scrolling='no'>
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">设置活跃地址</a> <a id="confirmAddress" href="#shezhi"
							class='fabu'>确定</a>
					</div>
				</header>
			    <div class="szhydz">
                    <p>对选定地址添加详细描述：</p>
                    <textarea id="dz_webk" cols="10" rows="2" onkeydown="dizhifun(dz_webk,dizhii,20);"></textarea>
                    <p><span>/ 20</span><input id="dizhii" type="text" value="20" size="5" readonly="readonly"></p>
                    <!-- 统计文本框数量 -->
                    <script>
                        function dizhifun(field, countfield, maxlimit) {  
                           // 函数，3个参数，表单名字，表单域元素名，限制字符；  
                           if (field.value.length > maxlimit)  
                           //如果元素区字符数大于最大字符数，按照最大字符数截断；  
                           field.value = field.value.substring(0, maxlimit);  
                           else  
                           //在记数区文本框内显示剩余的字符数；  
                           countfield.value = maxlimit - field.value.length;  
                        } 
                    </script>
                    <!-- 统计文本框数量end -->
                </div>
			</div>
			<!-- 设置活跃地址 step2 end -->
			<!-- 书籍详情 -->
			<div class="panel xf_yhzt" id="shujixq">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">书籍详情</a>
					</div>
					<div class="top" id="sj_top">
						<div>内容简介</div>
						<div>其他信息</div>
						<div id="carousel_dots2"></div>
					</div>
				</header>
					<div class="sjxq_hd" id="sjxq_hd">
                            <!-- 内容简介 -->
                        <div>
                        	<br/>
                            <ul id="contentText">
                            </ul>
                        </div>
                        <!-- 其他信息 -->
                        <div>
                        	<br/>
                           	<ul>
								<li class="otherTitle"></li>
								<li class="otherAuthor"></li>
								<li class="otherPublisher"></li>
								<li class="otherIsbn"></li>
								<li class="otherClass"></li>
							</ul>
                        </div>
                </div>
			</div>
			<!-- 书籍详情end -->
			<!-- 转借人信息 -->
			<div class="panel xf_yhzt" id="zhuanjieren">
				<!-- 页眉固定 -->
				<header class="xf_dldb shuji">
					<div class="xf_dingbu">
						<a onclick="$.ui.goBack()">转借人信息</a>
					</div>
				</header>
				<div class="zhuanjrxx">
					<div class="zjr_xmzh">
						<img src="images/zjr.png" alt="">
						<p id="userDetailNickname"></p>
						<p></p>
					</div>
					<!-- 转借人评分 -->
					<div class="zzrpf">
						<div>
							<p>
								描述相符<span></span>
							</p>
							<ul>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</div>
						<div>
							<p>
								守信守时<span></span>
							</p>
							<ul>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</div>
					</div>
					<ul class="zjr_dhqq">
						<li><a  id="userDetailPhone" href="javascript:void(0)"></a></li>
						<li ><a  id="userDetailQQ" href="javascript:void(0)"></a></li>
					</ul>
					<div class="top" id="zjr_top">
						<div>对Ta的评价</div>
						<div>Ta的其它书</div>
						 <div id="carousel_dots5"></div>
					</div>
						<div class="sjxq_hd" id="zjr_hd">
                                <!-- 内容简介 -->
                                <div>
                                    <ul id="userRankList">
                                        
                                    </ul>
                                </div>
                                <!-- 其他信息 -->
                                <div class="zjr_tadshu">
                                     <ul>
<!--                                         <li> -->
<!--                                             <img src="images/tj_1.jpg" alt=""> -->
<!--                                             <h3>第三次零售革命：拥抱消费者主权时代</h3> -->
<!--                                             <p>[美]克里斯·麦克切斯尼，肖恩·科维，吉姆·霍林 <span>著</span> 张尧然，杨颖玥 <span>译</span></p> -->
<!--                                         </li> -->
                                     </ul>
                                </div>
                        </div>
				</div>
			</div>
			<!-- 转借人信息end -->
		</div>
		<!---左侧导航-->
		<nav class="xf_yhzt" id="geren">
			<!-- 内容开始 -->
			<div class="dl_inner">
				<ul>
<!-- 					<li><a href="#"> <img src="images/toux.jpg" alt=""> -->
<!-- 							<p class="yh_name">未登陆</p> -->
<!-- 							<p></p> -->
<!-- 							<button onclick="tuichu();">退出</button> -->
<!-- 					</a> <a href="#shezhi"><img src="images/icon_sz.png" alt=""></a> -->
<!-- 					</li> -->
					<li id="loginStatus">
                         <p class="zc_dlq">
                             <a href="#denglu">登陆</a>
                             <a href="#zhuce">免费注册</a>
                         </p>
                    </li>
					<li><a href="#fabzj"> <img src="images/icon_fbzj.png"
							alt="">
							<p>发布转借</p>
					</a> <a href="#lijizj"> <img src="images/icon_ljjy.png" alt="">
							<p>当面借出</p>
					</a> <a id="qrScan" href="javascript:void(0)"> <img src="images/icon_smjs.png">
							<p>扫码借入</p>
					</a></li>
				</ul>
				<ul class="geren_lebiao">
					<li><a href="#index">去看转借</a></li>
					<li><a href="#me_shu">我的书</a></li>
					<li><a href="#jieyuels">转入历史</a></li>
					<li><a href="#zjiels">转出历史</a></li>
<!-- 					<li><a href="#fujinzj">附近的转借</a></li> -->
					<li><a href="#yaoyiy">摇一摇</a></li>
					<li><a href="#denglu">更换账号</a></li>
					<li><a id="checkUpdate" href="javascript:;">检查更新</a></li>
<!-- 					<li><a id="exit" href="javascript:;">退出</a></li> -->
<!-- 					<li><a href="#fankui">意见反馈</a></li> -->
<!-- 					<li><a href="#">帮助</a></li> -->
				</ul>
			</div>
		</nav>
	</div>
	<!-- 提示框 -->
    <div class="tishikuan">
        <p>alert</p>
    </div>
    <!-- 提示框end -->
	<script type="text/javascript" charset="utf-8" src="js/xf.js"></script>
	
</body>
</html>


